<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
</head>
<body>
    <div id="app"></div>

    <script>
        /**
         * ReactDOM.render(要渲染的内容，放置内容的容器)
         * ReactDOM：React 框架提供的一个对象
         * 容器（挂载点）不能使 body
         */
        /**
         * querySelector() 方法返回文档中匹配指定 CSS 选择器的第一个元素
         * 如果需要返回所有的元素，请使用 querySelectorAll() 方法
         */
        ReactDOM.render(
            'Hello React!',
            // document.body
            document.querySelector('#app')
        );
    </script>
</body>
</html>
